@import "@/css/fn.scss";
.userInfo{
  .avatar{
    width: pxToRpx(72px);
    height: pxToRpx(72px);
  }
  .card{
    height: pxToRpx(50px);
    grid-template-columns: pxToRpx(40px) auto pxToRpx(30px);
    align-items: center;
    .edit{
      width: pxToRpx(14px);
      height: pxToRpx(14px);
    }
    .key{
      white-space:nowrap;
    }
    .arrow{
      width: pxToRpx(10px);
      height: pxToRpx(16px);
    }
  }
  .logout{
    width: pxToRpx(180px);
    height: pxToRpx(40px);
    border: 1px solid #f44921;
    color: #f44921;
    bottom: 50PX;
  }
  .placeholder {
		font-size: 24px;
		color: #d4d4d4;
	}
  // 选择 ip 的弹框
  .select_wrapper{
    width: pxToRpx(355px);
    .center_wrapper{
      width: pxToRpx(355px);
      background: transparent;
      .card{
        height: pxToRpx(55px);
        line-height: pxToRpx(55px);
      }
      .clear{
        color: rgb(0, 100, 229);
      }
    }
  }
  // 更新 ip 的弹框
  .update_dialog{
    .input{
      background: #EAF0F3;
      height: pxToRpx(36px);
      line-height: pxToRpx(36px);
      padding: 0 pxToRpx(15px);
      margin: pxToRpx(20px) pxToRpx(20px) pxToRpx(30px) pxToRpx(20px);
    }
    .btn_wrapper{
      width: pxToRpx(215px);
      .btn{
        height: pxToRpx(40px);
      }
    }
  }
}